<template>
  <div class="page order-result">
    <div class="scroll-view">
      <customHeader middleTitle="退款结果"
                    :noLeft=noLeft
                    rightTitle="完成"
                    @rightCallBack="handleBack" />
      <div class="page-body">
        <div class="head">
          <i class="zhk-order_fa failed"></i>
          <p class="title">退款受理失败</p>
          <p class="msg">{{param.msg}}</p>
          <p class="money">申请退款金额<b v-if="param.refundMoney">¥{{param.refundMoney}}</b></p>
          <ul>
            <li>
              <span>支付方式</span>
              <div v-if="param.payType ==1">
                现金
              </div>
              <div v-else-if="param.payType == 2">
                支付宝
              </div>
              <div v-else-if="param.payType == 3">
                会员卡
              </div>
              <div v-else-if="param.payType == 4">
                POS刷卡
              </div>
              <div v-else-if="param.payType == 5">
                微信
              </div>
              <div v-else-if="param.payType == 7">
                云闪付
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
export default {
  name: "refund",
  data() {
    return {
      noLeft:true,
      param: ""
    };
  },
  methods: {
    handleBack() {
      this.$router.go(-2);
    }
  },
  components: {
    customHeader
  },
  created() {
    this.param = this.$route.query;
  }
};
</script>
<style lang='scss' scoped>
@import "orderDetails";
</style>
